import React from 'react';
import { View, StyleSheet, Alert } from 'react-native';
import {
    useThemeColors,
    Navigation,
    UI,
    Layout,
} from '@gaozh1024/rn-toolkit';
import { SCREEN_NAMES } from '../../config';

export default function UtilsScreen() {
    const colors = useThemeColors();

    return (
        <Layout.Page
            scrollable={true}
            headerProps={{
                title: 'Utils'
            }}
        >
            <UI.Button title={'Clipboard'} fullWidth mb={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.UTILS_CLIPBOARD_TEST)} />
            <UI.Button title={'Device'} fullWidth
                onPress={() => Navigation.navigate(SCREEN_NAMES.UTILS_DEVICE_TEST)} />
            <UI.Button title={'Localization'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.UTILS_LOCALIZATION_TEST)} />
            {/* 新增 Permissions */}
            <UI.Button title={'Permissions'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.UTILS_PERMISSIONS_TEST)}
                testID="navigate_utils_permissions_btn"
            />

        </Layout.Page >
    );
}
